<template>
	<el-dialog title="重命名" :visible.sync="renameVisible" width="360px">
		<div class="rename-content">
			<span class="rename-title">请输入名称</span>
			<el-input class="rename-input"></el-input>
		</div>
		<span slot="footer" class="dialog-footer">
			<el-button @click="renameVisible = false">取 消</el-button>
			<el-button type="primary" @click="renameVisible = false">确 定</el-button>
		</span>
	</el-dialog>
</template>

<script>
	export default{
		data(){
			return{
			   renameVisible:false,
			}
		},
		methods:{
			loadRename() {
				this.renameVisible = true
			}
		}
	}
</script>

<style scoped>
	.rename-content{
		display: flex;
		flex-direction: column;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.rename-title{
		font-size: 14px;
		font-weight: 700;
		color: #2e405e;
		margin-bottom: 10px;
		display: block;
	}
	
	.rename-input{
		flex: 1;
	}
	
	/deep/.el-dialog .el-dialog__footer{
		border-color: white;
	}
	
	/deep/.el-dialog__title{
		font-weight: bold;
		font-size: 16px;
	}
</style>
